#datepicker_btn{
  text-align: right;
  cursor: pointer;
}

#diy_datepicker {
  position:absolute; 
}

.datepicker{
  float:left;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow:8px 8px 10px #666666;
  position: relative;
  top: 28px;
  *top: -350px;
  left:5px;
  *left: -680px;
  z-index: 1000;
}

#chart {
   background: none repeat scroll 0 0 white;
   height: 130px;
   position: relative;
   text-align: center;
   padding-top: 5px;
}
#d_top {
    height: 180px;
}

#year_month .loading{
    margin-top: 5px;
}

.month_div{
  background-image: url("/images/diy_datepicker/top_img.jpg");
  font-weight: bold;
  height: 26px;
  line-height: 24px;
  margin: 9px 5px 5px 5px;
  padding: 2px;
  text-align: center;
  color: #222222;
}

#d_day{
  border-bottom: 1px solid #ccc;
}

#p_table{
  width: 100%;
  text-align: center;
  padding: 2px;
  border-collapse:separate;
  font-size: 14px;
}

#datepicker .td_week{
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
}

.day_not_in_the_same_month {
  border: 1px solid #ccc;
  background-color: #FFF;
  cursor: pointer;
  height: 30px;
  line-height: 26px;
  display:table-cell;
}

.td_day a{
  display:table-cell;
  width:91px;
  border: 1px solid #ccc;
  color: #555555;
  height: 30px;
  line-height: 26px;
  *padding-top: 30px;
  *z-index: 2000;
  background-image: url("/images/diy_datepicker/date_bg.jpg");
}
.td_day a.today,
.td_day a:hover {
  background: #F9F8EE;  
  text-decoration: none;
}

.td_day a .day {
  *line-height:30px;
  *height:20px;
  *font-size:11px;
  *padding-bottom:5px;
}

.td_day a .status_i {
  line-height:12px;
  *line-height:25px;
  height:12px;
  *height:20px;
  font-size:11px;
  padding-bottom:5px;
}

#left_img:hover{
  cursor: pointer;
}
#right_img:hover{
  cursor: pointer;
}

.p_bottom{
  height: 50px;
  padding-top:10px;
}

.datepicker_bottom_btn{
  border: 1px solid #CCCCCC;
  height: 30px;
  width: 80px;
  top: 10px;
  line-height: 30px;
  text-align: center;
  background-color: #E1E3E4;
  color: #555555;
  font-weight: bold;
  background-image: url("/images/diy_datepicker/bottom_img.jpg");
  cursor: pointer;
}

.btn_left {
  float: left;
  margin-left:10px;
}
.btn_right {
  color: #888888;
  float: right;
  margin-right:10px;
}


#loding_div{
  height: 30px;
  position: relative;
  top: 4px;
  line-height: 30px;
  text-align: center;
  color: #555555;
  font-weight: bold;
  float: left;
  left: 80px;
}

#datepicker table{
  border-spacing:2px;
}

#datepicker td{
  vertical-align: middle;
  text-align: center;
}

#today_div .loading {
  margin-top:20px;
  margin-left:25px;
}